<div>
  <style>
      .modal-dialog {
          width: 430px;
      }
      .select_box_this {
          margin: 10px 0 20px;
          width: 100%;
          text-align: center;
          font-size: 16px;
      }
  </style>
  <form id="migration" action="" method="post" class="ajax-form">
      <input type="hidden" name="ids" value="{$ids}">
      <input type="hidden" name="role_id" value="{$role_id}">

      <div class="select_box_this">
          {notempty name="role_list"}
              <span>{:lang("_SELECTED_USERS_TO_MIGRATE_TO_THE_IDENTITY_")}{:lang("_COLON_")}</span>
              <span>
                  <select name="role" style="width: 200px;">
                    {volist name="role_list" id="role"}
                      <option value="{$role.id}">{$role.value}</option>
                    {/volist}
                  </select>
              </span>
              <else/>
             {:lang("_NO_IDENTITY_CAN_BE_MOVED_")}
          {/notempty}
      </div>
      <div style="width: 100%;text-align: center;">
          <a class="btn btn-primary" data-role="submit">{:lang("_MOBILE_")}</a>
          <a onclick="$('.close').click();" class="btn btn-default">{:lang("_CANCEL_")}</a>
      </div>
  </form>
</div>
<script>
    $(function(){
       $('[data-role="submit"]').click(function(){
           query=$('#migration').serialize();
           var url=$('#migration').attr('action');
           $.post(url,query,function(msg){
               if(msg.status){
                   toast.success({:lang('_MIGRATION_SUCCESS_WITH_SINGLE_')});
                   setTimeout(function(){
                       window.location.reload();
                   },1500);
               }else{
                   handleAjax(msg);
               }
           },'json');
       });
    });
</script>